@charset "utf-8";

$fontcolor1: #2a2a2a;
$fontcolor2: #898989;
$fontcolor3: #010101;
$fontcolor4: #fff;

/*热门游戏*/
#hotGames{
    
    .left_gPic{     
        .row{      
            >div:nth-child(2){
                padding-top: 35px;
            }
        }
    }
    .right_gDet,.left_secDet{
        padding-top: 33px;
        
        h2{
            font-size: 30px;
            color: $fontcolor1;
        }
        >p{
            font-size: 12px;
            color: $fontcolor2;
            line-height: 30px;
            text-align: justify;
            text-indent: 1em;
        }
        .gDet_row{
            margin-top: 16px;       
            >div{
                margin-bottom: 30px;
                img{
                    width: 100%;
                }
            }
        }
    }
    .secondRow{
        margin-top: 29px;
        .right_secPic{
            margin-top: 53px;
            margin-left: -15px;
        }
    }
}

/*更多案例*/
#cases{
    
    .container{
        margin-top: 90px;
        h2{
            font-size: 36px;
            color: $fontcolor3;
            margin-bottom: 38px;
        }
        .row{
            .caseBox{
                overflow: hidden;
                cursor: pointer;
                img{
                    width: 100%;
                }
                a{
                    display: inline-block;
                    width: 100%;
                    height: 100%;
                    position: relative;
                    .cover{
                        background-color: #000000;
                        opacity: 0.55;
                        padding: 13px 13px 0 13px;
                        position: absolute;
                        top: 0;
                        bottom: 0;
                        transform: translateY(-100%);
                        p{
                            font-size: 12px;
                            color: $fontcolor4;
                            line-height: 20px;
                        }
                    }
                }
                >li{
                    margin-top: 12px;
                    margin-bottom: 43px;
                    font-size: 14px;
                    color: $fontcolor1;
                    text-align: center;
                }
            }
            .caseBox>a:hover,.caseBox:active{
                .cover{
                    transform: translateY(0);
                    transition: all 0.5s;
                }
            }
        }
    }
}

/*媒体查询*/
@media (min-width:414px) and (max-width:598px){  
    #hotGames .secondRow{
        margin-top: 0;
    }
    
    #cases .container{
        margin-top: 28px;
    }
    #cases .container h2{
        font-size: 32px;
        margin-bottom: 16px;
    }
}
@media (max-width:414px){
    #hotGames .right_gDet h2, #hotGames .left_secDet h2,#cases .container h2{
        font-size: 22px;
    }
    #hotGames .secondRow{
        margin-top: 0;
    }
    #cases .container{
        margin-top: 35px;
    }
}
